#set($ctx = $request.getContextPath())
<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
	<head>
		
		<!-- META -->
		<title>多维矩阵-企业网络信息化专家</title>
		<meta charset="utf-8" />	
		<meta name="description" content=" 多维矩阵  ... " />
		<meta name="keywords"    content=" 微电影 微广播 微推广工具开发   ... " />	
		
		<!-- FAVICON  -->
		<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />					
			
		<!-- STYLESHEETS -->
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/style.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/prettyPhoto.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/jquery.validity.css" />
		
		<!-- SCRIPTS -->
		<script src="${ctx}/r/cms/www/dwcom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.prettyPhoto.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.validity.js" type="text/javascript"></script>
		<!-- 
		<script src="${ctx}/r/cms/www/dwcom/js/Bitstream_Vera_Sans_400.font.js" type="text/javascript"></script>	
		<script src="${ctx}/r/cms/www/dwcom/js/script.js" type="text/javascript"></script>	
		 -->			
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});
		</script>   		
		<script type="text/javascript">

		  
$(function(){
    $("#contactform").validity(function() {
    	 $("#customerName")  
         .require("称呼不能为空")  
        // .match(/^\w+$/, "必须是数字或者字母")  
         .maxLength(50, "长度至少大于2小于50")//不支持长度必须小于#{max}  
         .minLength(2, "长度至少大于2小于50");//不支持长度必须大于#{min}  
 
    	 $("#email")  
         .require("邮箱不能为空")  
         .match("email", "请输入有效的邮箱格式");

    	 $("#telphone")  
         .require("联系方式不能为空")   	 
         .maxLength(30, "联系方式少于30个字符");
    	 
    	 $("#description")  
         .require("需求描述不能为空")  
         .minLength(20, "长度必须大于20个字符")
         .maxLength(9999, "长度必须小于9999字符");
    }); 
});
		</script>		
				
	</head>
	<body>
		<!-- HEADER -->
		${httpInclude.include("top.vm")}
		<!-- end HEADER -->
		
		<!-- MAIN -->
		<div id="main" class="container">
			<!-- Content -->				

			<div id="content">
				<h1 class="title">联系我们</h1>
				<form id="contactform" action="${ctx}/customer/o_save.vm">
					<p id="formstatus"></p>
					<p>
						<label for="customerName"><span class="required">*</span> 称&nbsp;&nbsp;&nbsp;&nbsp;呼:</label><br>
						<input type="text" id="customerName" name="customerName"  >
					</p>
					<p>
						<label for="email"><span class="required">*</span> E-mail:</label><br>
						<input type="text" id="email" name="email">
					</p>
					<p>
						<label for="subject"><span class="required">*</span> 电&nbsp;&nbsp;&nbsp;&nbsp;话:</label><br>
						<input type="text" id="telphone" name="telphone">
					</p>
					<p>
						<label for="description"><span class="required">*</span> 需求描述:</label><br>
						<textarea id="description" cols="15" rows="7" name="description"></textarea>
					</p>
					<p>
						<input class="submit" type="submit" value="提交">
					</p>
				</form>	
			</div>	<!-- end Content -->		
			<script type="text/javascript">
			</script>	
			<!-- Sidebar -->
			<div id="sidebar">
				<h3 class="title">办公电话一</h3>
				<ul class="contacts">
					<li>QQ:1624413124</li>
					<li>地址:亦庄经济开发区南海家园5里6号楼1单元101 </li>
					<li class="phone">手机:+136 8302 7377</li>
					<li class="phone">座机:+010 5246 6853</li>
				</ul>	
				<h3 class="title">办公电话二</h3>
				<ul class="contacts">
					<li>QQ:121579401</li>
					<li>地址:海淀区,深申物业5号楼207 </li>
					<li class="phone">手机:+159 1052 1218</li>
				</ul>							
			</div>	<!-- end Sidebar -->			
			
		</div>
		<!-- end MAIN -->
		
		<!-- FOOTER -->
			${httpInclude.include("footer.vm")}
		<!-- end FOOTER -->
		   #if($flag)
				<script>
			    	alert("提交成功,感谢你对我们的支持,我们会尽快跟你联系!");
			    </script>
			#end
	</body>
</html>		
